<template>
   <el-table
    :data="dataList"
    height="250"
    border
    style="width: 100%">
    <el-table-column
      prop="ID"
      label="编号"
      width="100">
    </el-table-column>
    <el-table-column
      prop="kind"
      label="分类"
      width="100">
    </el-table-column>
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="text"
      label="文本"
      width="180">
    </el-table-column>
    <el-table-column
      prop="area"
      label="多行文本"
      width="180">
    </el-table-column>
    <el-table-column
      prop="month"
      label="年月">
    </el-table-column>
    <el-table-column
      prop="number1"
      label="数字">
    </el-table-column>
    <el-table-column
      prop="checks"
      label="多选">
    </el-table-column>
    <el-table-column
      prop="selectunion"
      label="联动">
    </el-table-column>

  </el-table>
</template>

<script setup>
import { reactive, defineProps } from 'vue'

const props = defineProps({
  dataList: Array
})

// 从数据库里面获取数据
   
</script>